/* about*/

  .linkabout {
    color: rgb(0, 0, 0);
    margin: 0;
    position: fixed;
    top: 0%;
    left: 0vw;
    padding: 2% 5% 1% 5%;
    z-index: 100;
    font-size: 2vw; 
    cursor: url(../arrowright.svg),auto;  
  }

  .about-bar {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0px;
    display: block;
    background-image: url(../imagens-extra/fundo2.jpg) ;
    z-index: 1999;
    padding-top: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: solid white 1px;
    transition: 1s cubic-bezier(0, 0, 0.17, 0.84);
    cursor: url(../arrowdownwhite.svg),auto; 
  
  
  }
.sidetitle{
    font-size: 0.8vw;
    font-weight: 500;
  padding-bottom: 1%;
  }
.sidetext{
    font-size: 1vw;
    font-weight: 500;
  }
  
  
 .title-about{
  margin-top: 0vw;
   color: #ffffff;
   margin-left: 10vw;
   font-size: 2vw;
   z-index: 99;
 }

  
  .texto{
    margin-top: 5%;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
 flex-wrap: nowrap;
 justify-content: center;
 align-content: stretch;
  
  }

  .collum-1{
    padding: 0 0 0 10% ;
    position: relative;
    margin-top: 1%;
   width: 80%;
    
    color: white;
    font-size: 1.5vw;
  }
  .collum-2{
    padding: 0 10% 0 10% ;
    position: relative;
    margin-top: 1%;
   width: 40%;
    
    color: white;
    font-size: 1.5vw;
  }


  .about{
  
    position: relative;

    color: white;
    font-size:1.5vw;
  }
  
  .legenda{
    margin-top: 5%;
    width: 100%;
    height: 100%;
   
    padding-bottom: 5%;
  }
  
  
  .legenda p{
  
    position: relative;
    width: 100%; 
    color: white;
    font-size:1vw;
  
  }
  
  a.link:hover {
    color: rgb(255, 255, 255);
  font-size: 2.2vw;
    color: white;
   font-weight: 900;
      text-decoration: none;
      transition: 1s linear;
  }
  


  
  .CloseBTNlexicon1{
    position: sticky;
    top: -5%;
    color: white;
    float: right;
    right: 10%;
    margin-top: -10%;
    font-size: 5vw;
  z-index: 2000;
  cursor:pointer;
  
  }

  /* lexicon*/
  .linklexico{
    color: rgb(0, 0, 0);
    margin: 0;
    position: fixed;
    top: 0%;
    right: 0vw;
    padding: 2% 5% 1% 5%;
    z-index: 100;
    font-size: 2vw;
    cursor: url(../arrowleft.svg),auto; 
      width: 35%;
  }
  .lexiconbar {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0px;
  display: block;
  background-image: url(../imagens-extra/fundo2.jpg) ;
  z-index: 1999;
  padding-top: 100px;
  overflow-x: hidden;
  overflow-y: scroll;
  border: solid white 1px;
  transition: 1s cubic-bezier(0, 0, 0.17, 0.84);
  cursor: url(../arrowdownwhite.svg),auto; 


}



.CloseBTNlexicon{
  position: sticky;
  top: -5%;
  color: white;
  float: right;
  right: 10%;
  margin-top: -10%;
  font-size: 5vw;
  cursor: pointer;
z-index: 2000;

}
.CloseBTNlexicon:hover{

  font-size: 6vw;
transition: linear 0.2s;

}
.CloseBTNlexicon1:hover{

  font-size: 6vw;
transition: linear 0.2s;

}


.title{
  margin-top: 0vw;
   color: #ffffff;
   margin-left: 10vw;
   font-size: 2vw;
   z-index: 99;
   width: 50%;
 }

.container-lexico{
  margin-top: 5%;
  margin-left: 10vw;
  cursor: url(../arrowdownwhite.svg),auto; 
  padding-bottom: 10%;
}


     .dropbtn {
      background-color: #04aa6d00;
      color: rgba(255, 255, 255, 0.616);
      font-size: 2vw;
      border: none;
     width: 40%;
      top: 0vw;

    }
    
    .dropdown {
      position: relative;
      margin-top: 1vw;
    }
    
    .dropdown-content {
      position: fixed;
      top: 15vw;
      display: none;
      z-index: 5;
      width: 45%;
      margin-left: 35vw;
    opacity: 0;
    color: rgb(255, 255, 255);
     
    }



    .dropdown-content p {
     
      font-size: 2vw;
      color: rgb(255, 255, 255);
        background-color: rgba(240, 239, 239, 0);
        height: 50%;
        padding: 2% 2%;
        border-top: 1px solid white;
  
    }



    .dropdown:hover .dropdown-content { display:block; opacity: 1;transition: ease-in-out 0.5s;}
    
    .dropdown:hover .dropbtn  {color: #ffffff; cursor: url(../arrowdownwhite.svg),auto; }






.biassticky{
  height: 3000px;
 
}

.sidebar{
  Position: sticky;
  top:0%;
  cursor: pointer;
  z-index: 1;

  background: inherit;
  border: none;
  display: block;
  outline: none;
  height: 40vw;

  cursor: url(../arrowdown.svg),auto; 
 
}

.nav-links, .nav-links2, .nav-links3, .nav-links4, .nav-links5
, .nav-links6, .nav-links7, .nav-links8, .nav-links9 {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 0vw;
  background-image: url(../imagens-extra/fundo2.jpg) ;
  z-index: 999;
  padding: 10% 0;
  overflow-x: hidden;
  overflow-y: hidden;
  border: solid white 1px;
  transition: 1s cubic-bezier(0, 0, 0.17, 0.84);
  cursor: url(../arrowdownwhite.svg),auto; 
     text-align: center;

}




.nav-links p, .nav-links2 p, .nav-links3 p, .nav-links4 p, .nav-links5 p
, .nav-links6 p, .nav-links7 p, .nav-links8 p, .nav-links9 p {
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-size: 1vw;
  padding: 5% 10% 1% 10%;
  color: white;
  text-align: left;

  position: relative;
}

.nav-links p.sidebartext, .nav-links2 p.sidebartext, .nav-links3 p.sidebartext, 
.nav-links4 p.sidebartext, .nav-links5 p.sidebartext, .nav-links6 p.sidebartext, 
.nav-links7 p.sidebartextp, .nav-links8 p.sidebartext, .nav-links9 p.sidebartext  {

  font-size: 1.5vw;
  padding: 5% 10% 1% 10%;

}


.CloseBTN, .CloseBTN2, .CloseBTN3, .CloseBTN4, .CloseBTN5, .CloseBTN6
, .CloseBTN7, .CloseBTN8, .CloseBTN9 {
  color: white;
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 36px;
  margin-left: 32px;
  cursor: pointer;
}


.CloseBTN:hover, .CloseBTN2:hover, .CloseBTN3:hover, .CloseBTN4:hover, .CloseBTN5:hover, .CloseBTN6:hover
, .CloseBTN7:hover, .CloseBTN8:hover, .CloseBTN9:hover{

  font-size: 46px;
  transition: linear 0.2s;
}


/* 2 */

.sidebar2 {
  Position: sticky;
  top:25%;
  z-index: 1;
  transition: 1s ease-in;
  background: inherit;
  border: none;
  display: block;
  outline: none;
  height: 40vw;
  cursor: url(../arrowdown.svg),auto; 
}



/* 3 */

.sidebar3 {
  Position: sticky;
  top:10%;

  z-index: 1;
  background: inherit;
  border: none;
  display: block;
  outline: none;
  height: 30vw;
  cursor: url(../arrowdown.svg),auto; 
}


/* 4 */

.sidebar4 {
  Position: sticky;
  top:35%;
  cursor: pointer;
  z-index: 1;
  background: inherit;
  border: none;
  display: block;
  outline: none;
  height: 30vw;
  cursor: url(../arrowdown.svg),auto; 

}



/* 5 */

.sidebar5 {
  Position: sticky;
  top:25%;
  cursor: pointer;
  z-index: 1;
  background: inherit;
  border: none;
  display: block; 
  outline: none;
  cursor: url(../arrowdown.svg),auto; 
}




/* 6 */

.sidebar6 {
  Position: sticky;
  top:17%;
  cursor: pointer;
  z-index: 1;
  background: inherit;
  border: none;
  display: block;
  outline: none;
  height: 50vw;
  cursor: url(../arrowdown.svg),auto; 
}



/* 7 */

.sidebar7 {
  Position: sticky;
  top:25%;

  z-index: 1;
  background: inherit;
  border: none;
  display: block;
  outline: none;
  height: 30vw;
  cursor: url(../arrowdown.svg),auto; 
}



/* 8 */

.sidebar8 {
  Position: sticky;
  top:25%;
  z-index: 1;
  background: inherit;
  border: none;
  display: block;
  outline: none;
  height: 30vw;
  cursor: url(../arrowdown.svg),auto; 
}




/* 9 */

.sidebar9 {
  Position: sticky;
  top:35%;

  z-index: 1;
  background: inherit;
  border: none;
  display: block;
  outline: none;
  height: 30vw;
  cursor: url(../arrowdown.svg),auto; 
}



@media only screen and (max-width: 768px) {

  .nav-links p, .nav-links2 p, .nav-links3 p, .nav-links4 p, .nav-links5 p, 
  .nav-links6 p, .nav-links7 p, .nav-links8 p, .nav-links9 p {
    font-size: 4vw;
   
  }
  
  .nav-links p.sidebartext, .nav-links2 p.sidebartext, .nav-links3 p.sidebartext, 
  .nav-links4 p.sidebartext, .nav-links5 p.sidebartext, .nav-links6 p.sidebartext, 
  .nav-links7 p.sidebartextp, .nav-links8 p.sidebartext, .nav-links9 p.sidebartext  {
    font-size: 4vw; 
  } 

  .sidebar{
    top:30%; 
  }

  .sidebar2{
    top:40%; 
  }
  .sidebar3{
    top:35%; 
  }

  .sidebar4{
    top:45%; 
  }

  .sidebar5{
    top:45%; 
  }
  .sidebar6{
    top:35%; 
  }
  .sidebar7{
    top:45%; 
  }

  .arrow {
    border-width: 0 0.3vw 0.3vw 0;

  }
  .dropdown-content {
    top: 45vw;
    margin-left:30vw;
  
  }
  .texto{
  margin-top: 5%;
  flex-direction: column;
  justify-content: left;
  }
  
  .about{
    font-size:2.5vw;
  }

  .legenda p{
    font-size:2vw;
  width: 70%;
  }
  
  .sidetitle{
    font-size: 1.8vw;
    font-weight: 500;
    padding-bottom: 1%;
  }
.sidetext{
    font-size: 2vw;
    font-weight: 500;
  }
}